<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="description" content="Meghna One page parallax responsive HTML Template ">
    <meta name="author" content="Muhammad Morshed">
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    <title>Gh0stClub | PansNet | 磐石中国</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.png"/>
    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/bootstrap-3.3.4.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/owl.carousel.css">
    <link rel="stylesheet" href="css/component.css">
    <link rel="stylesheet" href="css/slit-slider.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/media-queries.css">
    <script src="js/modernizr-2.6.2.min.js"></script>
</head>
<body id="body">

<div id="loading-mask">
    <div class="loading-img">
        <img alt="Meghna Preloader" src="img/preloader.gif"/>
    </div>
</div>


<header id="navigation" class="navbar navbar-inverse">
    <div class="container">
        <div class="navbar-header">

            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation </span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>


            <a class="navbar-brand" href="#body">
                <h1 id="logo">
                    <img src="img/logo-meghna.png" alt="Meghna"/>
                </h1>
            </a>

        </div>

        <nav class="collapse navbar-collapse navbar-right" role="Navigation">
            <ul id="nav" class="nav navbar-nav">
                <li class="current"><a href="#body">Home</a></li>
                <li><a href="#about">About Us</a></li>
                <li><a href="#services">Services</a></li>
                <li><a href="#showcase">Portfolio</a></li>
                <li><a href="#our-team">Team</a></li>
                <li><a href="#pricing">Pricing</a></li>
                <li><a href="#blog">Blog</a></li>
                <li><a href="#contact-us">Contact</a></li>
            </ul>
        </nav>

    </div>
</header>


<section id="about" class="bg-one">
    <div class="container">
        <div class="row">

            <div class="title text-center wow fadeIn" data-wow-duration="1500ms">
                <h2>About <span class="color">Us</span></h2>
                <div class="border"></div>
            </div>


            <div class="col-md-4 text-center wow fadeInUp" data-wow-duration="500ms">
                <div class="wrap-about">
                    <div class="icon-box">
                        <i class="fa fa-lightbulb-o fa-4x"></i>
                    </div>

                    <div class="about-content text-center">
                        <h3 class="ddd">We're Creative</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, nihil, libero, perspiciatis
                            eos provident laborum eum dignissimos</p>
                    </div>
                </div>
            </div>


            <div class="col-md-4 text-center wow fadeInUp" data-wow-duration="500ms" data-wow-delay="250ms">
                <div class="wrap-about">
                    <div class="icon-box">
                        <i class="fa fa-users fa-4x"></i>
                    </div>

                    <div class="about-content text-center">
                        <h3>We're Professional</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, nihil, libero, perspiciatis
                            eos provident laborum eum dignissimos</p>
                    </div>
                </div>
            </div>


            <div class="col-md-4 text-center wow fadeInUp" data-wow-duration="500ms" data-wow-delay="500ms">
                <div class="wrap-about kill-margin-bottom">
                    <div class="icon-box">
                        <i class="fa fa-users fa-4x"></i>
                    </div>

                    <div class="about-content text-center">
                        <h3>磐石中国欢迎您！</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, nihil, libero, perspiciatis
                            eos provident laborum eum dignissimos</p>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>

<section id="main-features">
    <div class="container">
        <div class="row">

            <div id="features">
                <div class="item">
                    <div class="features-item">

                        <div class="col-md-6 feature-media media-wrapper wow fadeInUp" data-wow-duration="500ms">
                            <img src="img/blog/3D-beach-art2.png" alt="3D Beach Art | Meghna" class="img-responsive">
                        </div>


                        <div class="col-md-6 feature-desc wow fadeInUp" data-wow-duration="500ms"
                             data-wow-delay="300ms">
                            <h3>Main Features of Meghna</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, dolores corporis maxime modi
                                amet nisi quod delectus voluptas deleniti facere. Suscipit, modi ex magni quam nesciunt
                                ullam nemo natus soluta!</p>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, dolores corporis maxime modi
                                amet nisi quod delectus voluptas deleniti facere. Suscipit, modi ex magni quam nesciunt
                                ullam nemo natus soluta!</p>
                            <a href="#" class="btn btn-transparent">Learn More</a>
                            <a href="#" class="btn btn-transparent">Purchase Theme</a>
                        </div>

                    </div>
                </div>
                <div class="item">
                    <div class="features-item">

                        <div class="col-md-6 feature-media wow fadeInUp" data-wow-duration="500ms">
                            <img src="img/blog/3D-beach-art.jpg" alt="3D Beach Art | Meghna" class="img-responsive">
                        </div>


                        <div class="col-md-6 feature-desc wow fadeInUp" data-wow-duration="500ms"
                             data-wow-delay="300ms">
                            <h3>Main Features of Meghna</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, dolores corporis maxime modi
                                amet nisi quod delectus voluptas deleniti facere. Suscipit, modi ex magni quam nesciunt
                                ullam nemo natus soluta!</p>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, dolores corporis maxime modi
                                amet nisi quod delectus voluptas deleniti facere. Suscipit, modi ex magni quam nesciunt
                                ullam nemo natus soluta!</p>
                            <a href="#" class="btn btn-transparent">Learn More</a>
                            <a href="#" class="btn btn-transparent">Purchase Theme</a>
                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>
</section>

<section id="counter" class="parallax-section">
    <div class="container">
        <div class="row">

            <div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInDown" data-wow-duration="500ms">
                <div class="counters-item">
                    <div>
                        <span data-speed="3000" data-to="320">320</span>
                    </div>
                    <i class="fa fa-users fa-3x"></i>
                    <h3>Happy Clients</h3>
                </div>
            </div>


            <div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInDown" data-wow-duration="500ms"
                 data-wow-delay="200ms">
                <div class="counters-item">
                    <div>
                        <span data-speed="3000" data-to="565">565</span>
                    </div>
                    <i class="fa fa-check-square fa-3x"></i>
                    <h3>Projects completed</h3>
                </div>
            </div>


            <div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInDown" data-wow-duration="500ms"
                 data-wow-delay="400ms">
                <div class="counters-item">
                    <div>
                        <span data-speed="3000" data-to="95">95</span>
                        <span>%</span>
                    </div>
                    <i class="fa fa-thumbs-up fa-3x"></i>
                    <h3>Positive feedback</h3>
                </div>
            </div>


            <div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInDown" data-wow-duration="500ms"
                 data-wow-delay="600ms">
                <div class="counters-item kill-margin-bottom">
                    <div>
                        <span data-speed="3000" data-to="2500">2500</span>
                    </div>
                    <i class="fa fa-coffee fa-3x"></i>
                    <h3>Cups of Coffee</h3>
                </div>
            </div>

        </div>
    </div>
</section>

<section id="services" class="bg-one">
    <div class="container">
        <div class="row">

            <div class="title text-center wow fadeIn" data-wow-duration="500ms">
                <h2>Our <span class="color">Services</span></h2>
                <div class="border"></div>
            </div>


            <article class="col-md-4 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms">
                <div class="service-block text-center">
                    <div class="service-icon text-center">
                        <i class="fa fa-wordpress fa-5x"></i>
                    </div>
                    <h3>WordPress Theme</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur.. Sed id lorem eget orci dictum facilisis vel id tellus.
                        Nullam iaculis arcu at mauris dapibus consectetur.</p>
                </div>
            </article>


            <article class="col-md-4 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="200ms">
                <div class="service-block text-center">
                    <div class="service-icon text-center">
                        <i class="fa fa-desktop fa-5x"></i>
                    </div>
                    <h3>Responsive Design</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur.. Sed id lorem eget orci dictum facilisis vel id tellus.
                        Nullam iaculis arcu at mauris dapibus consectetur.</p>
                </div>
            </article>


            <article class="col-md-4 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="400ms">
                <div class="service-block text-center">
                    <div class="service-icon text-center">
                        <i class="fa fa-play fa-5x"></i>
                    </div>
                    <h3>Media &amp; Advertisement</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur.. Sed id lorem eget orci dictum facilisis vel id tellus.
                        Nullam iaculis arcu at mauris dapibus consectetur.</p>
                </div>
            </article>


            <article class="col-md-4 col-sm-6 col-xs-12 wow fadeInDown" data-wow-duration="500ms"
                     data-wow-delay="200ms">
                <div class="service-block text-center">
                    <div class="service-icon text-center">
                        <i class="fa fa-eye fa-5x"></i>
                    </div>
                    <h3>Graphic Design</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur.. Sed id lorem eget orci dictum facilisis vel id tellus.
                        Nullam iaculis arcu at mauris dapibus consectetur.</p>
                </div>
            </article>


            <article class="col-md-4 col-sm-6 col-xs-12 wow fadeInDown" data-wow-duration="500ms"
                     data-wow-delay="400ms">
                <div class="service-block text-center">
                    <div class="service-icon text-center">
                        <i class="fa fa-android fa-5x"></i>
                    </div>
                    <h3>Apps Development</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur.. Sed id lorem eget orci dictum facilisis vel id tellus.
                        Nullam iaculis arcu at mauris dapibus consectetur.</p>
                </div>
            </article>


            <article class="col-md-4 col-sm-6 col-xs-12 wow fadeInDown" data-wow-duration="500ms"
                     data-wow-delay="600ms">
                <div class="service-block text-center kill-margin-bottom">
                    <div class="service-icon text-center">
                        <i class="fa fa-link fa-5x"></i>
                    </div>
                    <h3>Networking</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur.. Sed id lorem eget orci dictum facilisis vel id tellus.
                        Nullam iaculis arcu at mauris dapibus consectetur.</p>
                </div>
            </article>

        </div>
    </div>
</section>

<section id="showcase">
    <div class="container">
        <div class="row wow fadeInDown" data-wow-duration="500ms">
            <div class="col-lg-12">

                <div class="title text-center">
                    <h2>Our <span class="color">Works</span></h2>
                    <div class="border"></div>
                </div>


                <div class="portfolio-filter clearfix">
                    <ul class="text-center">
                        <li><a href="javascript:void(0)" class="filter" data-filter="all">All</a></li>
                        <li><a href="javascript:void(0)" class="filter" data-filter=".app">Mobile App</a></li>
                        <li><a href="javascript:void(0)" class="filter" data-filter=".web">Web Design</a></li>
                        <li><a href="javascript:void(0)" class="filter" data-filter=".photoshop">Photoshop</a></li>
                        <li><a href="javascript:void(0)" class="filter" data-filter=".illustrator">Illustrator</a></li>
                    </ul>
                </div>

            </div>
        </div>
    </div>

    <div class="portfolio-item-wrapper wow fadeInUp" data-wow-duration="500ms">
        <ul id="og-grid" class="og-grid">

            <li class="mix app">
                <a href="javascript:void(0)" data-largesrc="img/portfolio/portx1.jpg" data-title="Azuki bean"
                   data-description="Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage soko coriander sweet pepper water spinach winter purslane shallot tigernut lentil beetroot.">
                    <img src="img/portfolio/portx1.jpg" alt="Meghna">
                    <div class="hover-mask">
                        <h3>Azuki bean</h3>
                        <span>
<i class="fa fa-plus fa-2x"></i>
</span>
                    </div>
                </a>
            </li>


            <li class="mix web">
                <a href="javascript:void(0)" data-largesrc="img/portfolio/portx1.jpg"
                   data-title="Veggies sunt bona vobis"
                   data-description="Komatsuna prairie turnip wattle seed artichoke mustard horseradish taro rutabaga ricebean carrot black-eyed pea turnip greens beetroot yarrow watercress kombu.">
                    <img src="img/portfolio/portx1.jpg" alt="Meghna">
                    <div class="hover-mask">
                        <h3>Veggies sunt bona vobis</h3>
                        <span>
<i class="fa fa-plus fa-2x"></i>
</span>
                    </div>
                </a>
            </li>


            <li class="mix photoshop">
                <a href="javascript:void(0)" data-largesrc="img/portfolio/portx1.jpg" data-title="Dandelion horseradish"
                   data-description="Cabbage bamboo shoot broccoli rabe chickpea chard sea lettuce lettuce ricebean artichoke earthnut pea aubergine okra brussels sprout avocado tomato.">
                    <img src="img/portfolio/portx1.jpg" alt="Meghna">
                    <div class="hover-mask">
                        <h3>Dandelion horseradish</h3>
                        <span>
<i class="fa fa-plus fa-2x"></i>
</span>
                    </div>
                </a>
            </li>


            <li class="mix illustrator">
                <a href="javascript:void(0)" data-largesrc="img/portfolio/portx1.jpg" data-title="Dandelion horseradish"
                   data-description="Cabbage bamboo shoot broccoli rabe chickpea chard sea lettuce lettuce ricebean artichoke earthnut pea aubergine okra brussels sprout avocado tomato.">
                    <img src="img/portfolio/portx1.jpg" alt="Meghna">
                    <div class="hover-mask">
                        <h3>Dandelion horseradish</h3>
                        <span>
<i class="fa fa-plus fa-2x"></i>
</span>
                    </div>
                </a>
            </li>


            <li class="mix app">
                <a href="javascript:void(0)" data-largesrc="img/portfolio/portx1.jpg" data-title="Azuki bean"
                   data-description="Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage soko coriander sweet pepper water spinach winter purslane shallot tigernut lentil beetroot.">
                    <img src="img/portfolio/portx1.jpg" alt="Meghna">
                    <div class="hover-mask">
                        <h3>Azuki bean</h3>
                        <span>
<i class="fa fa-plus fa-2x"></i>
</span>
                    </div>
                </a>
            </li>


            <li class="mix app">
                <a href="javascript:void(0)" data-largesrc="img/portfolio/portx1.jpg"
                   data-title="Veggies sunt bona vobis"
                   data-description="Komatsuna prairie turnip wattle seed artichoke mustard horseradish taro rutabaga ricebean carrot black-eyed pea turnip greens beetroot yarrow watercress kombu.">
                    <img src="img/portfolio/portx1.jpg" alt="Meghna">
                    <div class="hover-mask">
                        <h3>Veggies sunt bona vobis</h3>
                        <span>
<i class="fa fa-plus fa-2x"></i>
</span>
                    </div>
                </a>
            </li>


            <li class="mix web">
                <a href="javascript:void(0)" data-largesrc="img/portfolio/portx1.jpg" data-title="Dandelion horseradish"
                   data-description="Cabbage bamboo shoot broccoli rabe chickpea chard sea lettuce lettuce ricebean artichoke earthnut pea aubergine okra brussels sprout avocado tomato.">
                    <img src="img/portfolio/portx1.jpg" alt="Meghna">
                    <div class="hover-mask">
                        <h3>Dandelion horseradish</h3>
                        <span>
<i class="fa fa-plus fa-2x"></i>
</span>
                    </div>
                </a>
            </li>


            <li class="mix photoshop">
                <a href="javascript:void(0)" data-largesrc="img/portfolio/portx1.jpg" data-title="Azuki bean"
                   data-description="Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage soko coriander sweet pepper water spinach winter purslane shallot tigernut lentil beetroot.">
                    <img src="img/portfolio/portx1.jpg" alt="Meghna">
                    <div class="hover-mask">
                        <h3>Azuki bean</h3>
                        <span>
<i class="fa fa-plus fa-2x"></i>
</span>
                    </div>
                </a>
            </li>


            <li class="mix photoshop">
                <a href="javascript:void(0)" data-largesrc="img/portfolio/portx1.jpg"
                   data-title="Veggies sunt bona vobis"
                   data-description="Komatsuna prairie turnip wattle seed artichoke mustard horseradish taro rutabaga ricebean carrot black-eyed pea turnip greens beetroot yarrow watercress kombu.">
                    <img src="img/portfolio/portx1.jpg" alt="Meghna">
                    <div class="hover-mask">
                        <h3>Veggies sunt bona vobis</h3>
                        <span>
<i class="fa fa-plus fa-2x"></i>
</span>
                    </div>
                </a>
            </li>


            <li class="mix illustrator">
                <a href="javascript:void(0)" data-largesrc="img/portfolio/portx1.jpg"
                   data-title="Veggies sunt bona vobis"
                   data-description="Komatsuna prairie turnip wattle seed artichoke mustard horseradish taro rutabaga ricebean carrot black-eyed pea turnip greens beetroot yarrow watercress kombu.">
                    <img src="img/portfolio/portx1.jpg" alt="Meghna">
                    <div class="hover-mask">
                        <h3>Veggies sunt bona vobis</h3>
                        <span>
<i class="fa fa-plus fa-2x"></i>
</span>
                    </div>
                </a>
            </li>


            <li class="mix web">
                <a href="javascript:void(0)" data-largesrc="img/portfolio/portx1.jpg" data-title="Dandelion horseradish"
                   data-description="Cabbage bamboo shoot broccoli rabe chickpea chard sea lettuce lettuce ricebean artichoke earthnut pea aubergine okra brussels sprout avocado tomato.">
                    <img src="img/portfolio/portx1.jpg" alt="Meghna">
                    <div class="hover-mask">
                        <h3>Dandelion horseradish</h3>
                        <span>
<i class="fa fa-plus fa-2x"></i>
</span>
                    </div>
                </a>
            </li>


            <li class="mix app">
                <a href="javascript:void(0)" data-largesrc="img/portfolio/portx1.jpg" data-title="Azuki bean"
                   data-description="Swiss chard pumpkin bunya nuts maize plantain aubergine napa cabbage soko coriander sweet pepper water spinach winter purslane shallot tigernut lentil beetroot.">
                    <img src="img/portfolio/portx1.jpg" alt="Meghna">
                    <div class="hover-mask">
                        <h3>Azuki bean</h3>
                        <span>
<i class="fa fa-plus fa-2x"></i>
</span>
                    </div>
                </a>
            </li>

        </ul>
    </div>
</section>

<section id="team-skills" class="parallax-section">
    <div class="container">
        <div class="row wow fadeInDown" data-wow-duration="500ms">

            <div class="title text-center">
                <h2>Our <span class="color">Skills</span></h2>
                <div class="border"></div>
            </div>


            <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms">
                <div class="skill-chart text-center">
<span class="chart" data-percent="80">
<span class="percent"></span>
</span>
                    <h3><i class="fa fa-wordpress"></i> Wordpress</h3>
                    <p>Lorem ipsum has erroribus design color vituper bonorum depend you usedcom.bonorum dependan be
                        used.</p>
                </div>
            </div>


            <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="200ms">
                <div class="skill-chart text-center">
<span class="chart" data-percent="90">
<span class="percent">86</span>
</span>
                    <h3><i class="fa fa-html5"></i> HTML 5</h3>
                    <p>Lorem ipsum has erroribus design color vituper bonorum depend you usedcom.bonorum dependan be
                        used.</p>
                </div>
            </div>


            <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="400ms">
                <div class="skill-chart text-center">
<span class="chart" data-percent="85">
<span class="percent"></span>
</span>
                    <h3><i class="fa fa-android"></i> Android</h3>
                    <p>Lorem ipsum has erroribus design color vituper bonorum depend you usedcom.bonorum dependan be
                        used.</p>
                </div>
            </div>


            <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="600ms">
                <div class="skill-chart text-center">
<span class="chart" data-percent="70">
<span class="percent"></span>
</span>
                    <h3><i class="fa fa-apple"></i> IOS</h3>
                    <p>Lorem ipsum has erroribus design color vituper bonorum depend you usedcom.bonorum dependan be
                        used.</p>
                </div>
            </div>

        </div>
    </div>
</section>

<section id="our-team">
    <div class="container">
        <div class="row">

            <div class="title text-center wow fadeInUp" data-wow-duration="500ms">
                <h2>Our <span class="color">Team</span></h2>
                <div class="border"></div>
            </div>


            <div class="col-md-3 col-sm-6 wow fadeInDown" data-wow-duration="500ms">
                <article class="team-mate">
                    <div class="member-photo">

                        <img class="img-responsive" src="img/team/member-1.jpg" alt="Meghna">


                        <div class="mask">
                            <ul class="clearfix">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                            </ul>
                        </div>

                    </div>

                    <div class="member-title">
                        <h3>Abul Mal Muhit</h3>
                        <span>CEO/Founder</span>
                    </div>


                    <div class="member-info">
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur necessitatibus ullam,
                            culpa odio.</p>
                    </div>

                </article>
            </div>


            <div class="col-md-3 col-sm-6 wow fadeInDown" data-wow-duration="500ms" data-wow-delay="200ms">
                <article class="team-mate">
                    <div class="member-photo">

                        <img class="img-responsive" src="img/team/member-1.jpg" alt="Meghna">


                        <div class="mask">
                            <ul class="clearfix">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                            </ul>
                        </div>

                    </div>

                    <div class="member-title">
                        <h3>Frank Miller</h3>
                        <span>Manager</span>
                    </div>


                    <div class="member-info">
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur necessitatibus ullam,
                            culpa odio.</p>
                    </div>

                </article>
            </div>


            <div class="col-md-3 col-sm-6 wow fadeInDown" data-wow-duration="500ms" data-wow-delay="400ms">
                <article class="team-mate">
                    <div class="member-photo">

                        <img class="img-responsive" src="img/team/member-1.jpg" alt="Meghna">


                        <div class="mask">
                            <ul class="clearfix">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                            </ul>
                        </div>

                    </div>

                    <div class="member-title">
                        <h3>Michael Jonson</h3>
                        <span>Web Developer</span>
                    </div>


                    <div class="member-info">
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur necessitatibus ullam,
                            culpa odio.</p>
                    </div>

                </article>
            </div>


            <div class="col-md-3 col-sm-6 wow fadeInDown" data-wow-duration="500ms" data-wow-delay="600ms">
                <article class="team-mate kill-margin-bottom">
                    <div class="member-photo">

                        <img class="img-responsive" src="img/team/member-1.jpg" alt="Meghna">


                        <div class="mask">
                            <ul class="clearfix">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                            </ul>
                        </div>

                    </div>

                    <div class="member-title">
                        <h3>Mo. Kha. Alamgir</h3>
                        <span>SEO Specialist</span>
                    </div>


                    <div class="member-info">
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur necessitatibus ullam,
                            culpa odio.</p>
                    </div>

                </article>
            </div>

        </div>
    </div>
</section>

<section id="twitter-feed" class="parallax-section">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">

                <div class="twitter-bird wow fadeInDown" data-wow-duration="500ms">
<span>
<i class="fa fa-twitter fa-4x"></i>
</span>
                </div>


                <div class="tweet wow fadeIn" data-wow-duration="2000ms"></div>


                <a href="https://twitter.com/amimorshed" title="Follow Us" target="_blank"
                   class="btn btn-transparent wow fadeInUp" data-wow-duration="500ms">Follow Us</a>

            </div>
        </div>
    </div>
</section>

<section id="pricing" class="bg-one">
    <div class="container">
        <div class="row">

            <div class="title text-center wow fadeInDown" data-wow-duration="500ms">
                <h2>Our Greatest<span class="color"> Plans</span></h2>
                <div class="border"></div>
            </div>


            <article class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInUp" data-wow-duration="200ms">
                <div class="pricing">

                    <div class="price-title">
                        <h3>Free</h3>
                        <p>From <strong class="value">$99</strong> month</p>
                    </div>


                    <ul>
                        <li>1GB Disk Space</li>
                        <li>10 Email Account</li>
                        <li>Script Installer</li>
                        <li>1 GB Storage</li>
                        <li>10 GB Bandwidth</li>
                        <li>24/7 Tech Support</li>
                    </ul>


                    <a class="btn btn-transparent" href="#">Signup</a>

                </div>
            </article>


            <article class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInUp" data-wow-duration="500ms"
                     data-wow-delay="400ms">
                <div class="pricing">

                    <div class="price-title">
                        <h3>Silver</h3>
                        <p>From <strong class="value">$149</strong> month</p>
                    </div>


                    <ul>
                        <li>1GB Disk Space</li>
                        <li>10 Email Account</li>
                        <li>Script Installer</li>
                        <li>1 GB Storage</li>
                        <li>10 GB Bandwidth</li>
                        <li>24/7 Tech Support</li>
                    </ul>


                    <a class="btn btn-transparent" href="#">Signup</a>

                </div>
            </article>


            <article class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInUp" data-wow-duration="500ms"
                     data-wow-delay="600ms">
                <div class="pricing">

                    <div class="price-title">
                        <h3>Gold</h3>
                        <p>From <strong class="value">$199</strong> month</p>
                    </div>


                    <ul>
                        <li>1GB Disk Space</li>
                        <li>10 Email Account</li>
                        <li>Script Installer</li>
                        <li>1 GB Storage</li>
                        <li>10 GB Bandwidth</li>
                        <li>24/7 Tech Support</li>
                    </ul>


                    <a class="btn btn-transparent" href="#">Signup</a>

                </div>
            </article>


            <article class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInUp" data-wow-duration="500ms"
                     data-wow-delay="750ms">
                <div class="pricing kill-margin-bottom">

                    <div class="price-title">
                        <h3>Platinum</h3>
                        <p>From <strong class="value">$299</strong> month</p>
                    </div>


                    <ul>
                        <li>1GB Disk Space</li>
                        <li>10 Email Account</li>
                        <li>Script Installer</li>
                        <li>1 GB Storage</li>
                        <li>10 GB Bandwidth</li>
                        <li>24/7 Tech Support</li>
                    </ul>


                    <a class="btn btn-transparent" href="#">Signup</a>

                </div>
            </article>

        </div>
    </div>
</section>

<section id="testimonial" class="parallax-section">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">

                <div class="sub-title text-center wow fadeInDown" data-wow-duration="500ms">
                    <h3>What People Say About Us</h3>
                </div>


                <div id="testimonials" class="wow fadeInUp" data-wow-duration="500ms" data-wow-delay="100ms">

                    <div class="item text-center">

                        <div class="client-thumb">
                            <img src="img/team/client.jpg" class="img-responsive" alt="Meghna">
                        </div>


                        <div class="client-info">
                            <div class="client-meta">
                                <h3>Abul Mal Muhit</h3>
                                <span>Dec 26, 2014</span>
                            </div>
                            <div class="client-comment">
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque, ex, cupiditate,
                                    error, suscipit saepe sed ea consequuntur inventore sequi sit illo.</p>
                                <ul class="social-profile">
                                    <li><a href="#"><i class="fa fa-facebook-square fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter-square fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-linkedin-square fa-lg"></i></a></li>
                                </ul>
                            </div>
                        </div>

                    </div>


                    <div class="item text-center">

                        <div class="client-thumb">
                            <img src="img/team/client.jpg" class="img-responsive" alt="Meghna">
                        </div>


                        <div class="client-info">
                            <div class="client-meta">
                                <h3>Abul Mal Muhit</h3>
                                <span>Dec 26, 2014</span>
                            </div>
                            <div class="client-comment">
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque, ex, cupiditate,
                                    error, suscipit saepe sed ea consequuntur inventore sequi sit illo.</p>
                                <ul class="social-profile">
                                    <li><a href="#"><i class="fa fa-facebook-square fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter-square fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-linkedin-square fa-lg"></i></a></li>
                                </ul>
                            </div>
                        </div>

                    </div>


                    <div class="item text-center">

                        <div class="client-thumb">
                            <img src="img/team/client.jpg" class="img-responsive" alt="Meghna">
                        </div>


                        <div class="client-info">
                            <div class="client-meta">
                                <h3>Abul Mal Muhit</h3>
                                <span>Dec 26, 2014</span>
                            </div>
                            <div class="client-comment">
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque, ex, cupiditate,
                                    error, suscipit saepe sed ea consequuntur inventore sequi sit illo.</p>
                                <ul class="social-profile">
                                    <li><a href="#"><i class="fa fa-facebook-square fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter-square fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-linkedin-square fa-lg"></i></a></li>
                                </ul>
                            </div>
                        </div>

                    </div>

                </div>
            </div>
        </div>
    </div>
</section>

<section id="blog" class="bg-one">
    <div class="container">
        <div class="row">

            <div class="title text-center wow fadeInDown">
                <h2> Latest <span class="color">Posts</span></h2>
                <div class="border"></div>
            </div>

            <div class="clearfix">

                <article class="col-md-3 col-sm-6 col-xs-12 clearfix wow fadeInUp" data-wow-duration="500ms">
                    <div class="note">
                        <div class="media-wrapper">
                            <img src="img/blog/amazing-caves-coverimage.jpg" alt="amazing caves coverimage"
                                 class="img-responsive">
                        </div>
                        <div class="excerpt">
                            <h3>Simple Image Post</h3>
                            <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad
                                squid. 3 wolf moon officia aute, non skateboard dolor brunch.</p>
                            <a class="btn btn-transparent" href="single-post.html">Read more</a>
                        </div>
                    </div>
                </article>


                <article class="col-md-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms"
                         data-wow-delay="200ms">
                    <div class="note">
                        <div id="gallery-post" class="media-wrapper">
                            <div class="item">
                                <img src="img/blog/amazing-caves-coverimage.jpg" alt="amazing caves coverimage"
                                     class="img-responsive">
                            </div>
                            <div class="item">
                                <img src="img/parallax/bicycle.jpg" alt="Flying bicycle" class="img-responsive">
                            </div>
                            <div class="item">
                                <img src="img/blog/3D-beach-art.jpg" alt="3D Beach Art | Meghna" class="img-responsive">
                            </div>
                        </div>
                        <div class="excerpt">
                            <h3>Simple Slider Post</h3>
                            <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad
                                squid. 3 wolf moon officia aute, non skateboard dolor brunch.</p>
                            <a class="btn btn-transparent" href="single-post.html">Read more</a>
                        </div>
                    </div>
                </article>


                <article class="col-md-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms"
                         data-wow-delay="400ms">
                    <div class="note">
                        <div class="media-wrapper">
                            <img src="img/blog/amazing-caves-coverimage.jpg" alt="amazing caves coverimage"
                                 class="img-responsive">
                        </div>
                        <div class="excerpt">
                            <h3>Simple Image Post</h3>
                            <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad
                                squid. 3 wolf moon officia aute, non skateboard dolor brunch.</p>
                            <a class="btn btn-transparent" href="single-post.html">Read more</a>
                        </div>
                    </div>
                </article>


                <article class="col-md-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms"
                         data-wow-delay="600ms">
                    <div class="note kill-margin-bottom">
                        <div class="media-wrapper">
                            <img src="img/blog/amazing-caves-coverimage.jpg" alt="amazing caves coverimage"
                                 class="img-responsive">
                        </div>
                        <div class="excerpt">
                            <h3>Simple Image Post</h3>
                            <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad
                                squid. 3 wolf moon officia aute, non skateboard dolor brunch.</p>
                            <a class="btn btn-transparent" href="single-post.html">Read more</a>
                        </div>
                    </div>
                </article>

            </div>
            <div class="all-post text-center">
                <a class="btn btn-transparent" href="blog.html">View All Post</a>
            </div>
        </div>
    </div>
</section>

<section id="contact-us">
    <div class="container">
        <div class="row">

            <div class="title text-center wow fadeIn" data-wow-duration="500ms">
                <h2>Get In <span class="color">Touch</span></h2>
                <div class="border"></div>
            </div>


            <div class="contact-info col-md-6 wow fadeInUp" data-wow-duration="500ms">
                <h3>Contact Details</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, vero, provident, eum eligendi
                    blanditiis ex explicabo vitae nostrum facilis asperiores dolorem illo officiis ratione vel fugiat
                    dicta laboriosam labore adipisci.</p>
                <div class="contact-details">
                    <div class="con-info clearfix">
                        <i class="fa fa-home fa-lg"></i>
                        <span>Khaja Road, Bayzid, Chittagong, Bangladesh</span>
                    </div>
                    <div class="con-info clearfix">
                        <i class="fa fa-phone fa-lg"></i>
                        <span>Phone: +880-31-000-000</span>
                    </div>
                    <div class="con-info clearfix">
                        <i class="fa fa-fax fa-lg"></i>
                        <span>Fax: +880-31-000-000</span>
                    </div>
                    <div class="con-info clearfix">
                        <i class="fa fa-envelope fa-lg"></i>
                        <span>Email: <a href="/cdn-cgi/l/email-protection" class="__cf_email__"
                                        data-cfemail="fe969b929291be939b9996909fd09d9193">[email&#160;protected]</a></span>
                    </div>
                </div>
            </div>


            <div class="contact-form col-md-6 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="300ms">
                <form id="contact-form" method="post" action="sendmail.php" role="form">
                    <div class="form-group">
                        <input type="text" placeholder="Your Name" class="form-control" name="name" id="name">
                    </div>
                    <div class="form-group">
                        <input type="email" placeholder="Your Email" class="form-control" name="email" id="email">
                    </div>
                    <div class="form-group">
                        <input type="text" placeholder="Subject" class="form-control" name="subject" id="subject">
                    </div>
                    <div class="form-group">
                        <textarea rows="6" placeholder="Message" class="form-control" name="message"
                                  id="message"></textarea>
                    </div>
                    <div id="mail-success" class="success">
                        Thank you. The Mailman is on His Way :)
                    </div>
                    <div id="mail-fail" class="error">
                    </div>
                    <div id="cf-submit">
                        <input type="submit" id="contact-submit" class="btn btn-transparent" value="Submit">
                    </div>
                </form>
            </div>

        </div>
    </div>

    <div class="wow fadeInDown" data-wow-duration="500ms">
        MAP
    </div>

</section>

<footer id="footer" class="bg-one">
    <div class="container">
        <div class="row wow fadeInUp" data-wow-duration="500ms">
            <div class="col-lg-12">

                <div class="social-icon">
                    <ul>
                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                        <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                        <li><a href="#"><i class="fa fa-youtube"></i></a></li>
                        <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                        <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                        <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
                    </ul>
                </div>


                <div class="copyright text-center">
                    <a href="index.html">
                        <img src="img/logo-meghna.png" alt="Meghna"/>
                    </a>
                    <br/>
                    <p><a href="#">932337522</a>2015. All Rights Reserved.</p>
                </div>

            </div>
        </div>
    </div>
</footer>

<a href="javascript:;" id="scrollUp">
    <i class="fa fa-angle-up fa-2x"></i>
</a>


<script data-cfasync="false" src="/phalcon_l/js/email-decode.min.js"></script>
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>

<script src="http://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>

<script src="js/jquery.slitslider.js"></script>
<script src="js/jquery.ba-cond.min.js"></script>

<script src="js/jquery.parallax-1.1.3.js"></script>

<script src="js/owl.carousel.min.js"></script>

<script src="js/jquery.mixitup.min.js"></script>

<script src="js/jquery.nicescroll.min.js"></script>

<script src="js/jquery.appear.js"></script>

<script src="js/easyPieChart.js"></script>

<script src="js/jquery.easing-1.3.pack.js"></script>

<script src="js/tweetie.min.js"></script>


<script src="js/jquery.nav.js"></script>

<script src="js/jquery.sticky.js"></script>

<script src="js/jquery.countTo.js"></script>

<script src="js/wow.min.js"></script>

<script src="js/jquery.fitvids.js"></script>

<script src="js/grid.js"></script>

<script src="js/custom.js"></script>
</body>
</html>